<template>
    <div>
        <el-row>
            <div class="block">
                <span class="demonstration"></span>
                <el-date-picker v-model="value1" type="daterange" range-separator="至" start-placeholder="开始日期"
                    end-placeholder="结束日期">
                </el-date-picker>
                <el-button type="success">查询</el-button>
            </div>
        </el-row>

        <div class="as_all_box">
            <div class="as_before">
                <div class="assets_res">租车-大众朗逸</div>
                <div class="assets_time">2021-10-21</div>
            </div>
            <div class="assets_money">-200.00</div>
        </div>
    </div>
</template>
<script setup>
import { ref } from "vue"
let value1 = ref("")
</script>

<style scoped lang="scss">
//租车盒子页面
.as_all_box {
    width: 900px;
    height: 50px;
    padding: 20px 0px;
    padding-left: 15px;
    margin-top: 15px;
    border-radius: 10px;
    border: 2px solid rgb(231, 246, 252);
    background-color: rgb(231, 246, 252);

    .as_before {
        float: left;

        .assets_res {
            font-size: 18px;
            margin-bottom: 10px;
        }

        .assets_time {
            font-size: 14px;
            font-family: '宋体';
            color: gray;
        }
    }

    .assets_money {
        float: right;
        margin-right: 50px;
        line-height: 50px;
        font-size: 20px;
        color: rgb(248, 201, 132);
    }
}

.el-button {
    margin-top: -4px;
    margin-left: 10px;
    font-family: '宋体';
    color: white;
    font-size: 18px;
    padding: 5px 15px;
    display: inline-block;
    border: 1px solid rgb(101, 207, 131);
    border-radius: 5px;
    background-color: rgb(101, 207, 131);
}
</style>